// 登录卡片主体
#background {
  position: fixed;
  width: 520px;
  height: 720px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  // background-color: #ccc;
  background: linear-gradient(45deg,#a55eea,#c779d0,#f7b731,#ff6b81,#eccc68);
  border-radius: 10px;
  // z-index: -99;
}
main#login {
  width: 500px;
  height: 700px;
  box-sizing: border-box;
  background-color: #2f3542;
  filter: drop-shadow(0 0 10px #000);
  border-radius: 10px;
  // border: 1px solid #4563a5;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  
  // 上部背景
  .bg {
    width: 460px;
    height: 310px;
    margin: 20px;
    box-sizing: border-box;
    background-color: #0a3d62;
    filter: drop-shadow(0 0 5px #555);
    border-radius: 10px;
    // border: 1px solid #ffffff22;
  }
  // 用户信息及登录操作
  .user_msg {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    .alignment {
      font-size: 20px;
      font-weight: bold;
      color: #ff9f43;
      letter-spacing: 1px;
      text-shadow: 1px 1px 1px #8395a7;
      width: 90%;
      display: flex;
      align-items: center;
      justify-content: space-evenly;
      height: 70px;
      // 输入框
      input {
        width: 60%;
        height: 30px;
        line-height: 30px;
        font-size: 18px;
        font-weight: bold;
        color: #70a1ff;
        background-color: transparent;
        outline: none;
        border: none;
        box-sizing: border-box;
        border-bottom: 3px solid #ff9f43;
        text-shadow: 1px 1px 1px #8395a7;
        letter-spacing: 2px;
      }
      #password {
        padding-right: 30px;
        background: url('../img/close_eye.png') no-repeat right center;
        background-size: 30px 30px;
      }
    }
    
    
    .to_login {
      height: 100px;
      width: 80%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      button {
        width: 150px;
        height: 45px;
        font-size: 20px;
        font-weight: 400;
        letter-spacing: 4px;
        color: #5f27cd;
        background-color: #7bed9f;
        text-shadow: 1px 1px 1px #ced6e0;
        border: none;
        border-radius: 20px;
        outline: none;
        filter: drop-shadow(0px 0px 5px #ced6e0);
        cursor: pointer;
      }
    }
  }

}